.tabs {

    margin-top: -50px;


    .ant-tabs .ant-tabs-tab-btn:active,
    .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
        color: #fff !important;
        text-shadow: none
    }

    &_btn {
        height: 50px;
        min-width: 160px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0065FD;
        position: relative;
        font-size: 16px;
        font-weight: 700;

        box-shadow: 0 0px 0px 1.5px #0065FD;


        &:hover {
            color: #fff !important;
            border: none;
            background: #0070DF !important;

        }
    }

    &_form {

        .ant-form-item-label {
            margin-left: 15px;
            padding: 0 0 4px;

            label {
                color: #868686;
                font-size: 12px;
            }
        }

        .ant-input-number-group-addon {
            background: #fff;
            border: none;
            color: #999999;
            font-size: 12px;
            transition: none;
        }

        .ant-input-number-group-wrapper-status-error {
            border: 1px solid #ff4d4f !important;
        }


        .tab_inputNumber {

            border-radius: 6px;



            .ant-input-number-group-addon {
                position: absolute;
                z-index: 10;
                bottom: -10px;
                font-size: 14px;
                width: 100%;
                text-align: left;
                height: 100%;
                left: 0;
                color: rgba(0, 0, 0, 0.25);

            }

            &:focus-within {
                .ant-input-number-group-addon {
                    position: static;
                    font-size: 12px;
                    line-height: 15px;
                    color: rgb(153, 153, 153);
                    width: auto;
                    text-align: left;
                    height: auto;
                }
            }

            .ant-input-number-input:focus-within {
                .ant-input-number-group-addon {
                    position: static;
                    font-size: 12px;
                    line-height: 15px;
                    color: rgb(153, 153, 153);
                    width: auto;
                    text-align: left;
                    height: auto;
                }
            }

            .tab_postion {
                .ant-input-number-group-addon {
                    position: static !important;
                    font-size: 12px;
                    line-height: 15px;
                    color: rgb(153, 153, 153) !important;
                    font-weight: 700;
                }
            }


            input::placeholder {
                font-size: 14px;
                color: rgba(0, 0, 0, 0.25);
            }

            .ant-input-number-group-wrapper {
                border: 1px solid #d9d9d9;
                border-radius: 6px;

                &:hover {
                    border: 1px solid #0070DF;
                }
            }


            .ant-input-number-group-wrapper-outlined.ant-input-number-group-wrapper-status-error .ant-input-number-group-addon {
                color: #999999;
            }

            .ant-input-number-input {
                padding: 0px 11px;
                margin-bottom: 2px;
            }


        }

        .ant-input-number-outlined {
            border-radius: 6px !important;
        }




        .ant-input-number {
            border: none !important;



            &:focus {
                box-shadow: none !important;
                border: none !important;
            }

            &:focus-within {
                box-shadow: none !important;

            }
        }

        .ant-input-number-wrapper {
            margin-top: 8px;
        }

        .ant-select-arrow {
            color: #666666;

            svg {
                color: #666666;
            }
        }

        .ant-select {
            width: 220px !important;
        }

        .ant-input-number {
            position: absolute;
            left: 0;
            bottom: -26px;
            color: rgb(51, 51, 51);
            font-size: 16px;
            background-color: transparent;
            z-index: 8;
        }


    }

    &_bottom_word {
        color: #999999;
        text-align: center;
    }

    .ant-tabs-ink-bar {
        display: none;
    }

    .ant-select-selection-item,
    .ant-input-number-input {
        font-size: 16px;
        font-weight: 700;
        color: #394156;

    }

    .ant-tabs-nav {


        justify-content: center;
        margin-bottom: 28px;

        &::before {
            border-bottom: 0
        }

        .ant-tabs-nav-wrap {
            flex: none;
            padding: 6px 25px;


            &::before {
                border-bottom: 0px;
                backdrop-filter: blur(15px);
                background: linear-gradient(180deg, rgba(1, 28, 100, 0.6) 0%, #011C64 100%);

                //                 backdrop-filter: blur(50px);
                //   /* 背景模糊 */
                //   -webkit-backdrop-filter: blur(50px);

                border-radius: 30px;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                z-index: -1;
                opacity: 1;
                box-shadow: none;
            }

            &::after {
                box-shadow: none;
            }
        }
    }



    .ant-tabs-tab {
        color: #fff;
        padding: 7px 12px;
        font-size: 16px;

        .ant-space {
            align-items: center;
        }
    }

    .ant-tabs-tab-active {
        background: #fff;
        border-radius: 20px;

        .tabs_word {
            color: #0F294D;
        }






    }

}